.showWhenMobile {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 28px;
  display: flex;
  flex-direction: column;
}
.resultContainer {
  width: 100%;
  padding: 7px;
  margin-bottom: 1.2em;
}
@media only screen and (min-width: 1080px) {
  .showWhenMobile {
    display: none;
  }
  .resultContainer {
    max-width: 600px;
    margin-left: 195px;
    margin-bottom: 28px;
    display: flex;
    padding: 0;
    flex-direction: column;
  }
  .placeholderContainer {
    width: 600px;
    height: 100px;
    margin-left: 195px;
    margin-bottom: 28px;
  }
}
.resultTitleContainer {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 90%;
  margin: auto;
}
@media only screen and (min-width: 1080px) {
  .resultTitleContainer {
    width: 100%;
    margin: 0;
  }
}

.resultTitleContainer .title {
  font-size: 20px;
  line-height: 26px;
  text-decoration: none;
  color: #00278e;
}
.resultContainer .title:visited {
  color: #6c00a2;
}
.resultContainer .title:hover {
  text-decoration: underline;
}

.resultCiteContainer {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 90%;
  margin: auto;
}
@media only screen and (min-width: 1080px) {
  .resultCiteContainer {
    width: 100%;
    margin: 0;
  }
}
.resultCiteContainer cite {
  font-family: Arial, Helvetica, sans-serif;
  color: #006621;
  font-size: 15px;
  line-height: 24px;
  font-weight: normal;
  font-style: normal;
}



.resultPreviewContainer {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; 

  font-size: 0.9em;
  color: #535353;
  line-height: 1.55;

  width: 90%;
  margin: auto;
}
.resultPreviewContainer em {
  color: #dd4b39;
}

@media only screen and (min-width: 1080px) {
  .resultPreviewContainer {
    width: 90%;
    margin: 0;
  }
}

.resultQAOuterContainer {
  background: #f9f9f9;
  padding: 7px;
  border-radius: 3px;
  width: 90%;
  margin: 0 auto;
}

@media only screen and (min-width: 1080px) {
  .resultQAOuterContainer {
    width: 100%;
    margin: 0;
  }
}

.resultQAContainer {
  margin-bottom: 0.3em;
}
.resultQAContainer a {
  font-size: 0.9em;
  line-height: 1.2em;
  text-decoration: none;
  color: #00278e;
}

.foldQAContainer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.foldQAContainer a {
  font-size: 0.9em;
  line-height: 1.2em;
  text-decoration: none;
  color: #00278e;
  letter-spacing: 2px;
}

.wikiContainer {
  border: 1px solid #eaeaea;
  border-radius: 0.5em;
}

.wikiTitleContainer {
  border-bottom: 1px solid #eaeaea;
  font-size: 1.5em;
  line-height: 2em;
  color: #292929;
  padding: 0 15px;
}

.wikiContentContainer {
  padding: 15px;
}

.wikiLinkContainer {
  border-top: 1px solid #eaeaea;
  font-size: 0.8em;
  line-height: 1.8em;
  padding: 0 15px;
  color: #5f5f5f;
  text-align: right;
}
.wikiLinkContainer a {
  text-decoration: none;
  color: #00278e;
  text-align: right;
  font-size: 1.2em;
}